<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/xiaomi.css">
    <link rel="stylesheet" href="../font_2693345_gakiov1nhvi/iconfont.css">
</head>
<body>
     <!-- 头部通栏 -->
    <div class="toptong">
        <div class="topban">
            <div class="topbanleft">
                <a href="#" class="lefta">小米商城</a>
                <span class="leftsp">|</span>
                <a href="#" class="lefta">MIUI</a>
                <span class="leftsp">|</span>
                <a href="#" class="lefta">loT</a>
                <span class="leftsp">|</span>
                <a href="#" class="lefta">云服务</a>
                <span class="leftsp">|</span>
                <a href="#" class="lefta">天星科技</a>
                <span class="leftsp">|</span>
                <a href="#" class="lefta">有品</a>
                <span class="leftsp">|</span>
                <a href="#" class="lefta">小爱开放平台</a>
                <span class="leftsp">|</span>
                <a href="#" class="lefta">企业团购</a>
                <span class="leftsp">|</span>
                <a href="#" class="lefta">资质证照</a>
                <span class="leftsp">|</span>
                <a href="#" class="lefta">协议规则</a>
                <span class="leftsp">|</span>
                <a href="#" class="lefta site">下载app
                    <div class="left_xia"><img src="../img/download.png">
                        小米商城APP
                    </div>
                </a>
                <span class="leftsp">|</span>
                <a href="#" class="lefta">智能生活</a>
                <span class="leftsp">|</span>
                <a href="#" class="lefta">Select Location</a>
            </div>
            <div class="topbanright1">
                <span class="iconfont icon-gouwucheman"></span>
                购物车
            </div>
            <div class="topbanright2">
                <a href="#" class="aleft topbanden">登录</a>
                <span>|</span>
                <a href="#" class="aleft topbanzhu">注册</a>
                <span>|</span>
                <a href="#" class="aleft arigh">消息通知</a>
            </div>
            <div class="topbanright3">
                 <a href="#" class="user user-left"><span class="user-min">123456789</span> V
                    <ul class="user-ul">
                        <li class="user-li">个人中心</li>
                        <li class="user-li">评论晒单</li>
                        <li class="user-li">我的喜欢</li>
                        <li class="user-li">小米账号</li>
                        <li class="user-li" id="user_tuchu">退出登录</li>
                    </ul>
                </a>
                <span class="user-sp">|</span>
                <a href="#" class="user-zhon user-left user-right">消息通知</a>
                <span class="user-sp">|</span>
                <a href="#" class="wode user-left user-right">我的订单</a>
            </div>
        </div>
    </div>
    <!-- 导航 -->
    <div class="nav-ton">
        <div class="nav">
            <!-- 左边logo -->
            <div class="logo"><img src="../img/logo-mi2.png"></div>
            <!-- 导航栏 -->
            <div class="navigation">
                <ul class="nav_bar">
                    <!-- 轮播图上的nav -->
                    <li class="control">
                        <ul class="site-list">
                            <li class="category_item">手机 电话卡 <span class="icon-item">&gt;</span></li>
                            <li class="category_item">电视 盒子 <span class="icon-item">&gt;</span></li>
                            <li class="category_item">笔记本 显示器 <span class="icon-item">&gt;</span></li>
                            <li class="category_item">家电 插线板 <span class="icon-item">&gt;</span></li>
                            <li class="category_item">出行 穿戴 <span class="icon-item">&gt;</span></li>
                            <li class="category_item">智能 路由器 <span class="icon-item">&gt;</span></li>
                            <li class="category_item">电源 配件 <span class="icon-item">&gt;</span></li>
                            <li class="category_item">健康 儿童 <span class="icon-item">&gt;</span></li>
                            <li class="category_item">耳机 音箱 <span class="icon-item">&gt;</span></li>
                            <li class="category_item">生活 箱包 <span class="icon-item">&gt;</span></li>
                            <div class="item-div">
                                <ul class="item-ul">
                                    
                                </ul>
                                <ul class="item-ul">
                                   
                                </ul>
                                <ul class="item-ul">
                                    
                                </ul>
                                <ul class="item-ul">
                                    
                                </ul>
                            </div>
                            <div class="item-div">
                                <ul class="item-ul">
                                    
                                </ul>
                                <ul class="item-ul">
                                    
                                </ul>
                                <ul class="item-ul">
                                    
                                </ul>
                                <ul class="item-ul">
                                    
                                </ul>
                            </div>
                            <div class="item-div">
                                <ul class="item-ul">
                                    
                                </ul>
                                <ul class="item-ul">
                                    
                                </ul>
                                <ul class="item-ul">
                                    
                                </ul>
                                
                            </div>
                            <div class="item-div">
                                <ul class="item-ul">
                                </ul>
                                <ul class="item-ul">
                                    
                                </ul>
                                <ul class="item-ul">
                                    
                                </ul>
                                <ul class="item-ul">
                                    
                                </ul>
                            </div>
                            <div class="item-div">
                                <ul class="item-ul">
                                    
                                </ul>
                                <ul class="item-ul">
                                    
                                </ul>
                                <ul class="item-ul">
                                    
                                </ul>
                                
                            </div>
                            <div class="item-div">
                                <ul class="item-ul">
                                </ul>
                                <ul class="item-ul">
                                    
                                </ul>
                                
                            </div>
                            <div class="item-div">
                                <ul class="item-ul">
                                    
                                </ul>
                                <ul class="item-ul">
                                    
                                </ul>
                                <ul class="item-ul">
                                    
                                </ul>
                               
                            </div>
                            <div class="item-div">
                                <ul class="item-ul">
                                    
                                </ul>
                                <ul class="item-ul">
                                    
                                </ul>
                                <ul class="item-ul">
                                    
                                </ul>
                                
                            </div>
                            <div class="item-div">
                                <ul class="item-ul">
                                    
                                </ul>
                                <ul class="item-ul">
                                    
                                </ul>
                                
                            </div>
                            <div class="item-div">
                                <ul class="item-ul">
                                   
                                </ul>
                                <ul class="item-ul">
                                    
                                </ul>
                                <ul class="item-ul">
                                    
                                </ul>
                                <ul class="item-ul">
                                    
                                </ul>
                            </div>
                        </ul>
                    </li>
                    <li class="bar bar-xiali"><span class="bar_sp">小米手机</span></li>
                    <li class="bar bar-xiali"><span class="bar_sp">Redmi红米</span> </li>
                    <li class="bar bar-xiali"><span class="bar_sp">电视</span> </li>
                    <li class="bar bar-xiali"><span class="bar_sp">笔记本</span> </li>
                    <li class="bar bar-xiali"><span class="bar_sp">家电</span> </li>
                    <li class="bar bar-xiali"><span class="bar_sp">路由器</span> </li>
                    <li class="bar bar-xiali"><span class="bar_sp">智能硬件</span> </li>
                    <li class="bar"><span class="bar_sp">服务</span> </li>
                    <li class="bar"><span class="bar_sp">社区</span> </li> 
                </ul>
            </div>
            <!-- 搜索 -->
            <div class="search">
                <input type="text" class="ipt"><button class="but"><span class="iconfont icon-sousuo"></span></button>
            </div>
        </div>
        <!-- 导航栏选项卡 -->
        <div class="bar-xuan"></div>
        <div class="bar-xuan">
            <ul class="bar-ul">
                
            </ul>
        </div>
        
    </div>
    <!-- 轮播图 -->
    <div class="slideshow">
        <div class="picture">
            <ul class="map">
                <li class="map-li"><img src="../img/1.png"></li>
                <li class="map-li"><img src="../img/2.jpg"></li>
                <li class="map-li"><img src="../img/3.jpg"></li>
                <li class="map-li"><img src="../img/4.jpg"></li>
                <li class="map-li"><img src="../img/5.webp"></li>
            </ul>
            <ol class="dot">
                <li class="dot-li dot-oli"></li>
                <li class="dot-li"></li>
                <li class="dot-li"></li>
                <li class="dot-li"></li>
                <li class="dot-li"></li>
            </ol>
        </div>
        <div class="view">
            <span class="view-sp1">&lt;</span>
            <span class="view-sp2">&gt;</span>
        </div>
    </div>
    <!-- 小米秒杀 -->
    <div class="box-miao">
        <div class="miao-sp1">
            <ul class="miao-ul">
                <li class="miao-li">
                    <span class="iconfont icon-shouji"></span>
                    <p class="miao-op">花费充值</p>
                    <span class="miao-span1"></span>
                    <span class="miao-span2"></span>
                </li>
                <li class="miao-li">
                    <span class="iconfont icon-shouji"></span>
                    <p class="miao-op">花费充值</p>
                    <span class="miao-span1"></span>
                    <span class="miao-span2"></span>
                </li>
                <li class="miao-li">
                    <span class="iconfont icon-shouji"></span>
                    <p class="miao-op">花费充值</p>
                    <span class="miao-span1"></span>
                    <span class="miao-span2"></span>
                </li>
                <li class="miao-li">
                    <span class="iconfont icon-shouji"></span>
                    <p class="miao-op">花费充值</p>
                    <span class="miao-span1"></span>
                    <span class="miao-span2"></span>
                </li>
                <li class="miao-li">
                    <span class="iconfont icon-shouji"></span>
                    <p class="miao-op">花费充值</p>
                    <span class="miao-span1"></span>
                    <span class="miao-span2"></span>
                </li>
                <li class="miao-li">
                    <span class="iconfont icon-shouji"></span>
                    <p class="miao-op">花费充值</p>
                    <span class="miao-span1"></span>
                    <span class="miao-span2"></span>
                </li>
            </ul>
        </div>
        <div class="miao-sp2"><img src="../img/21.jpg"></div>
        <div class="miao-sp2"><img src="../img/21.jpg"></div>
        <div class="miao-sp2"><img src="../img/21.jpg"></div>
    </div>
    <!-- 商品页 -->
    <div class="shang-box">
        <!-- 商品页一 -->
        <div class="shang-flist">
            <!-- 商品页图 -->
            <div class="shang-tu">
                <img src="../img/31.webp">
            </div>
            <!-- 商品页导航 -->
            <div class="shang-dao">
                <span class="shang-sp1">手机</span>
                <div class="sahng-cha">
                    <span class="shang-sp2">查看更多</span>
                    <a href="#" class="shang-oa">&gt;</a>
                </div>
            </div>
            <!-- 商品 -->
            <div class="shang-ping">
                <div class="ping-left">
                    <img src="../img/41.webp">
                </div>
                <div class="ping-right">
                    <ul class="ping-ul">
                        
                    </ul>
                </div>
            </div>
        </div>
        <!-- 商品页二 -->
        <div class="er-next">
            <!-- 商品页二图 -->
            <div class="er-tu">
                <img src="../img/31.webp">
            </div>
            <!-- 商品页二导航 -->
            <div class="er-dao">
                <span class="er-sp1">家电</span>
                <div class="er-cha">
                    <span class="er-sp2">热门</span>
                    <span class="er-sp3">电视影音</span>
                </div>
            </div>
            <!-- 商品二 -->
            <div class="er-ping">
                <ul class="erte-ul">
            
                </ul>
            </div> 
        </div>
        <!-- 视频 -->
        <div class="shang-shi">
            <!-- 商品页图 -->
            <div class="shi-tu">
                <img src="../img/31.webp">
            </div>
            <!-- 商品页导航 -->
            <div class="shi-dao">
                <span class="shi-sp1">视频</span>
                <div class="shi-cha">
                    <span class="shi-sp2">查看更多</span>
                    <a href="#" class="shi-oa">&gt;</a>
                </div>
            </div>
            <!-- 视频分页 -->
            <div class="shi-pin">
                <ul class="shi-ul">
                    <li class="shi-li">
                        <img src="../img/71.webp">
                        <p class="shi-op">2021年春季新品发布会第一场</p>
                    </li>
                    <li class="shi-li">
                        <img src="../img/71.webp">
                        <p class="shi-op">2021年春季新品发布会第一场</p>
                    </li>
                    <li class="shi-li">
                        <img src="../img/71.webp">
                        <p class="shi-op">2021年春季新品发布会第一场</p>
                    </li>
                    <li class="shi-li">
                        <img src="../img/71.webp">
                        <p class="shi-op">2021年春季新品发布会第一场</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 底部导航 -->
    <div class="floot-nav">
        <div class="service">
            <ul class="sve-ul">
                <li class="sve-li">
                    <span class="iconfont icon-banshou sve-sp"></span><span class="sve-sp">预约维修服务</span>
                </li>
                <li class="sve-li">
                    <span class="iconfont icon-banshou sve-sp"></span><span class="sve-sp">预约维修服务</span>
                </li>
                <li class="sve-li">
                    <span class="iconfont icon-banshou sve-sp"></span><span class="sve-sp">预约维修服务</span>
                </li>
                <li class="sve-li">
                    <span class="iconfont icon-banshou sve-sp"></span><span class="sve-sp">预约维修服务</span>
                </li>
                <li class="sve-li sve-next">
                    <span class="iconfont icon-banshou sve-sp"></span><span class="sve-sp">预约维修服务</span>
                </li>
            </ul>
        </div>
        <div class="assist">
            <ul class="ass-ul">
                <li class="ass-li">帮助中心</li>
                <li class="ass-li">账户管理</li>
                <li class="ass-li">购物指南</li>
                <li class="ass-li">订单操作</li>
            </ul>
            <ul class="ass-ul">
                <li class="ass-li">服务支持</li>
                <li class="ass-li">售后政策</li>
                <li class="ass-li">自助服务</li>
                <li class="ass-li">相关下载</li>
            </ul>
            <ul class="ass-ul">
                <li class="ass-li">线下门店</li>
                <li class="ass-li">小米之家</li>
                <li class="ass-li">服务网点</li>
                <li class="ass-li">授权体验店</li>
            </ul>
            <ul class="ass-ul">
                <li class="ass-li">关于小米</li>
                <li class="ass-li">了解小米</li>
                <li class="ass-li">加入小米</li>
                <li class="ass-li">投资者关系</li>
                <li class="ass-li">企业社会责任</li>
                <li class="ass-li">廉洁举报</li>
            </ul>
            <ul class="ass-ul">
                <li class="ass-li">关注我们</li>
                <li class="ass-li">新浪微博</li>
                <li class="ass-li">官方微信</li>
                <li class="ass-li">联系我们</li>
                <li class="ass-li">公益基金会</li>
            </ul>
            <ul class="ass-ul">
                <li class="ass-li">特色服务</li>
                <li class="ass-li">F码通道</li>
                <li class="ass-li">礼物码</li>
                <li class="ass-li">防伪查询</li>
            </ul>
            <div class="ass-contact">
                <p class="phone">400-100-5678</p>
                <p>8:00-18:00（仅收市话费）</p>
                <a href="#">
                    <span class="iconfont icon-zhengzhouyinhangAPPtubiaodiergaolunkuohuachunse-28"></span>
                    人工客服
                </a>
                <div class="follow">关注小米：
                    <span class="iconfont icon-weibo"></span>
                    <span class="iconfont icon-weixin"></span>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="floot">
        <div class="floot-ban">
            <div class="ban-logo">
                <img src="../img/logo-mi2.png">
            </div>
            <div class="ban-text">
                <p class="text-sites">
                        <a class="text-oa">小米商城</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">MIUI</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">米家</a>
                        <span class="text-sp">|</sapn>
                        <a class="text-oa">米聊</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">多看</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">游戏</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">政企服务</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">小米天猫店</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">小米集团隐私政策</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">小米公司儿童信息保护规则</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">小米商城隐私政策</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">小米商城用户协议</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">问题反馈</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">Select Location</a>
                </p>
                <p class="text-sites">
                    <a class="text-oa">北京互联网法院法律服务工作站</a>
                    <span clspanss="text-sp">|</span>
                    <a class="text-oa">中国消费者协会</a>
                    <span class="text-sp">|</span>
                    <a class="text-oa">北京市消费者协会</a>
                </p>
                <p class="text-hou">
                    <span>&reg;</span>
                    <a href="#">mi.com</a>
                    <span>京ICP证110507号</span>
                    <a href="#">京ICP备10046444号</a>
                    <a href="#">京公网安备11010802020134号</a>
                    <a href="#">京网文[2020]0276-042号</a>
                    <br>
                    <a href="#">(京）网械平台备字(2018）第00005号</a>
                    <a href="#">互联网药品信息服务资格证(京)-非经营性-2014-0090</a>
                    <a href="#">营业执照</a>
                    <a href="#">医疗器械质量公告</a>
                    <br>
                    <a href="#">增值电信业务许可证</a>
                    <span>网络食品经营备案京食药网食备202010048</span>
                    <a href="#">食品经营许可证</a>
                    <br>
                    <span>违法和不良信息举报电话:171-5104-4404</span>
                    <a href="#">知识产权侵权</a>
                    <a href="#"></a>
                    <span>投诉本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</span>
                </p>
            </div>
            <div class="ban-tu">
                <img src="../img/truste.png">
                <img src="../img/truste.png">
                <img src="../img/truste.png">
                <img src="../img/truste.png">
                <img src="../img/truste.png">
            </div>
            <div class="floot-slogan">
            让全球每个人都能享受到科技带来的美好生活
            </div>
        </div>
    </div>
    <!-- 侧边 -->
    <div class="home-tool">
        <div class="home-item">
            <span class="iconfont icon-shouji"></span>
            <span class="item-sp">手机APP</span>
        </div>
        <div class="home-item">
            <span class="iconfont icon-geren"></span>
            <span class="item-sp">个人中心</span>
        </div>
        <div class="home-item">
            <span class="iconfont icon-banshou"></span>
            <span class="item-sp">售后服务</span>
        </div>
        <div class="home-item">
            <span class="iconfont icon-kefu-copy-copy"></span>
            <span class="item-sp">人工客服</span>

        </div>
        <div class="home-item shopps">
            <span class="iconfont icon-gouwuche"></span>
            <span class="item-sp">购物车</span>
        </div>
        <!-- 回到顶部 -->
        <div class="home-item home-din">
            <span class="iconfont icon-dingbu"></span>
            <span class="item-sp">回顶部</span>
        </div>
    </div>
    
</body>
<script src="../js/jquery.min.js"></script>
<script src="../js/cookie.js"></script>
<script src="../js/xiaomi.js"></script>
</html>